.about{
  background-color: #faf8fb;
  .about-wrap{
    max-width: 1000px;
    margin:0 auto;
    .info{
      padding-bottom: 100px;
      .title{
        h3{
          font-size: 24px;
          color:#3f2863;
          line-height: 100px;
          margin: 0;
          font-weight: 400;
        }
      }
      .cont{
        &:after{
          content:"";
          width:0;
          height: 0;
          display: block;
          visibility: hidden;
          clear: both;
        }
        img{
          float: left;
          margin-right: 86px;
        }
        .per-info{
          line-height: 50px;
        }
      }
    }
    .tool{
      &:after{
        content:"";
        width:0;
        height: 0;
        display: block;
        visibility: hidden;
        clear: both;
      }
      .title{
        h3{
          font-size: 24px;
          color:#3f2863;
          line-height: 100px;
          margin: 0;
          font-weight: 400;
        }
      }
      .cont-box{
        float: left;
        text-align: center;
        width:25%;
      }
    }
    .contact{
      padding-bottom:100px;
      &:after{
        content:"";
        width:0;
        height: 0;
        display: block;
        visibility: hidden;
        clear: both;
      }
      .title{
        h3{
          font-size: 24px;
          color:#3f2863;
          line-height: 100px;
          margin: 0;
          font-weight: 400;
        }
      }
      .cont-contact{
        img{
          margin: 0 100px;
          width:110px;
          height: 110px;
          float: left;
        }
        .text{
          p{
            font-size: 14px;
            margin:0;
            line-height: 36px;
          }
        }
      }
    }
  }
}
